<template>
  <div class="login_box">
    <div class="loginWicket">
      <LoginWicket />
    </div>
  </div>
</template>

<script>
import LoginWicket from '@/components/Loging/LoginWicket.vue'
export default {
  components: {
    LoginWicket
  }
};
</script>

<style lang='less' scoped>
.login_box {
  position: relative;
  height: 100%;
  background-image: url("~@/assets/login/loginBg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  .loginWicket {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);  
    width: 500px;
    height: 300px;
  }
}

</style>
